<template>
  <div class="tip">
    <div class="tip-box">{{tip}}</div>
  </div>
</template>
<script>
export default {
  props:["tip"]
}
</script>
<style lang="scss">
.tip {
  text-align: start;
  padding: 15px 0 15px 10px;
  font-weight: bold;
  .tip-box {
    border-left: 2px solid #6cd1dc;
    padding-left: 8px;
    margin-left: -10px;
  }
}
</style>